<template>
  <div class="private">
	<div class="private-content">
		<div v-for="(item,index) in privatecontentList" :key="index" class="play-list-flex">
		     <el-image :src="item.picUrl" @click="mvHandle(item.id)"></el-image>
		     <i class="iconfont icon-shipin"></i>
		     <div style="font-size: 14px;">{{item.name}}</div>
		</div>
	</div>
  </div>
</template>

<script>
export default {
  name:'PrivateContent',
  props:['privatecontentList'],
  data(){
    return{
 
    }
  },
  created(){
	 
  },
  methods:{
     mvHandle(id){
		 this.$router.push({name:'MvDetail',params:{id:id}})
	 }
  },

}
</script>

<style lang="less" scoped>
	.private{
		width: 100%;
		padding: 20px 0;
		.private-content{
			
			   display: flex;
			   justify-content: space-between;
			   
			   
			   .el-image{
				   width: 95%;

				  img{
					  height: 100px;
				  }
			   }
			   .play-list-flex{
				   position: relative;
				   // height: 100%;
				   .icon-shipin{
				   		position: absolute;
				   		left: 5px;
				   		top: 5px;
				   		font-size: 18px;
				   		display: flex;
				   		justify-content: center;
				   		align-items: center;
						color: #fff;
				   } 
			   }
			
		}
	}
   
</style>
